
$(function(){
    /*建立socket连接，使用websocket协议，端口号是服务器端监听端口号*/
    var socket = io('ws://localhost:8081');
 
    /*发送消息*/
    $('#sendBtn').click(function(){
		sendMessage()
	})
	$(document).keydown(function(event){
		if(event.keyCode == 13){
			sendMessage()
		}
	})
	function sendMessage(){
		var msg = $.trim($('#msgInput').val());
		socket.emit('clentSendMsg',{msg:msg})
		$('#msgInput').val('')
	}
	socket.on('serverMsg',function(data){
		$(".liveMsgBox").append('<span class="liveMsg active" style="top:'+getRandomHeight()+'%">'+data.msg+'</span>')
	})
	function getRandomHeight(){
		return Math.round(Math.random() * 100)
	}
	//每间隔30秒检测一下缓存的弹幕是不是太多 影响页面性能
	var clearMsg = function(){
		setInterval(function(){
			if($(".liveMsg").length>60){
				$(".liveMsgBox").html('')
			}
			console.log('当前弹幕数'+$(".liveMsg").length)
		},30000)
	}
	clearMsg()
})	